html, p, span, div{
color: #7d1029;
font-family: calibri;
font-size: 17px;
}




a {
    text-decoration:none;
    font-family:Calibri;
    color:#e12751;  
	font-weight:bold;
	font-size:18px;
}

    a:hover {
          color:#fb6c2c;
		  
          /*-webkit-transition: color 500ms linear;
        -moz-transition: color 500ms linear;
        -o-transition: color 500ms linear;
        -ms-transition: color 500ms linear;
        transition:color 500ms linear;*/
    }
	

.topbar{
	background-color:#DF3D82;
}
.img-topbar{
max-width:100%;
}
.logo{
	text-align:center;
	
}
.index{
	margin-top: -10.5%;
}

.logo div{
	display:inline-block;
	margin-left: auto ;
	margin-right: auto ;
	
}

.logo  img.logo-image{
	height:200px;
	float:left;
	margin-right:10px;
}
.logo  img.instruction{
	max-height:150px;
	float:left;
	margin-right:10px;
	margin-top:20px;
	margin-bottom:20px;
}


.searchForm{
	float:left;
	line-height: 250px;
	margin-left:10px;
	margin-bottom:-50px;
}

.searchForm  select{
	width:300px;
	height:35px;
	border: solid 2px rgba(225,39,81,0.7);
}
.searchForm button{
	height:35px;
	width:35px;
	margin-left:5px;
	background:url(img/icon/search.png);
	background-size:35px 35px;
	background-repeat:no-repeat;
	border:none
}


.searchForm form, table, td, tr{
	background-color:transparent;
	border-style:none;
}

.text-logo {
	text-align:center;
	font-weight: bold;
	font-size: 30px;
	color: rgba(223,61,130,1);
	margin-bottom: 10px;
}


.right{
	float:right;
}

.inline li{
	display:inline-block;
	list-style:none;
}

.nav-menu li{
	margin-right:15px;
}

.wrapper{
	width:100%;
	position:relative;
}

.full-width{
	width:100%;
}


#main{
	padding:20px;
}
.line{
	background-image: url(img/gray_horiz_dot.gif);
	border-bottom-style:solid;
	border-bottom-color:rgba(179,24,59,0.1);
	border-bottom-width:1px;
	margin-bottom:10px;
	margin-top:0px;
	background-repeat: repeat-x;
}
.item{
	width:220px;
	min-height:200px;
	float:left;
	margin:10px;
	border:1px solid rgba(238,138,161,0.7);
	border-radius:7px;
	overflow:hidden;
	-webkit-box-shadow: 1px 0px 5px rgba(202,139,153,0.95);
	-moz-box-shadow:    1px 0px 5px rgba(202,139,153,0.95);
	box-shadow:         1px 0px 5px rgba(202,139,153,0.95);
}

.item:hover{
	border:2px solid rgba(238,138,161,1);
}


.item img:hover{
	/*opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
.item .info:hover{
	background-color:#871C4B;
	
	-webkit-transition: color 500ms linear;
    -moz-transition: color 500ms linear;
    -o-transition: color 500ms linear;
    -ms-transition: color 500ms linear;
    transition:color 500ms linear;
}

.item img{
	width:220px;
}
.item .info{
	background-color:#DF3D82;
	padding:5px;
}

.item .info div{
	overflow:hidden;
	width:220px;
}

.item .info .name{
	font-weight:bold;
	color:#f2fbca;
	font-size:20px;
	margin-bottom:5px;
}
.item .info .price{
	background:url(img/icon/money.png);
	background-size:18px 18px;
	background-repeat:no-repeat;
	padding-left:21px;
	color:#FFB5C5;
	margin-bottom:5px;
	margin-left:20px;
}
.item .info .restaurant{
	background:url(img/icon/location.png);
	background-size:16px 16px;
	background-repeat:no-repeat;
	padding-left:21px;
	color:#FFB5C5;
	margin-bottom:5px;
	margin-left:20px;
}


/* search box */
#top-search-box{
	margin-top:10px;
}
#top-search-box button{
	height:25px;
	width:25px;
	border-style:none;
	background:url(img/icon/search.png);
	background-size:25px 25px;
	background-repeat:no-repeat;
	float:right;
}
#top-search-box button:hover{
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

#top-search-box input{
	height:25px;
	border-style:none;
	float:left;
	background-color:transparent;
	min-width:250px;
	width:90%;
}
#top-search-box input:focus{
	outline: none;
}

#top-search-box form{
	background-color:white;
	padding-right:2px;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
}

#top-search-box form:focus{
	border-color:#e85d7d;
	border-style:solid;
	border-width:1px;
}
#search-res button:hover{
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

.login-status{
	display:inline-block;
	margin-top:10px;
	margin-right:30px;
}

.login-status  img{
	height:30px;
	width:30px;
	border: solid 1px #f2a5b6;
	margin-right:5px;
}
.login-status  .cart{
	
}
.login-status  img:hover{
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}


.top-logo{
	height:50px;
	margin-top:0px;
}

.main-wrap{
	
}

.main{

	/*background-image: url(img/pink_dot_bg.gif);*/
	padding-top:10px;
	padding-bottom:20px;
	background-color: rgba(245,241,229,1);
}

.footer{
	
	
	width: 100%;
position: relative;
	padding-bottom:20px;
	
}
.footer .content-footer{
	padding-top: 20px;
	background-color:#F0EAD8;
	border-right: solid 1px #BDBDBD;
	color: #636363;
}

.footer .img-footer{
	margin-top:20px;
	height: 25px;
	background-image:url(img/tan_dot_bg.gif);
	
}


.topleft-menu{
	margin-left:-15px;
}

.topleft-menu li{
	height:30px;
	
}

.topleft-menu a{
	color:white;
}
.topleft-menu a:hover{
	color:#fcfc86;
}

.topleft-menu li.corner{
	overflow:hidden;
	float:left;
	
}
.topleft-menu li.menu-text{
	background-color:rgba(233,225,199,1);
	float:left;
	padding-left:10px;
	color: #DE3D81;
	font-weight:bold;
	padding-right:10px;
}
.topleft-menu li.menu-text.active{
	background-color:rgba(233,225,199,1);
	float:left;
	padding-left:10px;
}

.topleft-menu li.corner div{
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Safari and Chrome */
	width:50px;
	height:60px;
	margin-left:-20px;
	margin-right:20px;
	background-color:rgba(251,54,98,0.5);
}
.topleft-menu li.corner.active div{
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Safari and Chrome */
	width:50px;
	height:60px;
	margin-left:-20px;
	margin-right:20px;
	background-color:rgba(251,54,98,1);
}


.restaurant-info{
	margin-left:10px;
	width: 100%;
	min-height: 50px;
	border:1px solid rgba(156,17,20,0.7);
	border-radius:7px;
	overflow:hidden;
	background-color:rgba(245,241,229,1);
	color:#E3385E;
	margin-bottom: 20px;
}

.restaurant-info:hover{
	opacity:0.95;
	filter:alpha(opacity=95); /* For IE8 and earlier */
}



.restaurant-info .img-res{
	width: 220px;
	height:220px;
	border-right:1px solid rgba(238,138,161,0.7);
	float:left;
	margin-bottom:-30px;
}
.restaurant-info .hot{
	position:absolute;
	right:10px;
	top:-10px;
	
	background:url(img/icon/medal.png);
	background-size:60px 90px;
	width:60px;
	height:90px;

	background-repeat:no-repeat;
}

.restaurant-info  .info-res .time, .food-type,.timeDel , .address, .name{
	margin-bottom:5px;
	color:#E3385E;
}

.restaurant-info  .info-res{
	float: left;
	padding:10px;
	min-width:300px;
	max-width:500px;
}
.restaurant-info  .info-res .name-res{
	
	margin-bottom:10px;	
}

.restaurant-info  .info-res  .food-type{
	line-height:30px;
	word-wrap:break-word;
}
.restaurant-info  .info-res .name{
	font-weight: bold;
	font-size:23px;
}

@media screen and (max-width: 549px){
    .restaurant-info  .info-res {
		margin-top:30px;
	}
}


.restaurant-info .view-menu{
	width:100%;
	float:left;
	height:30px;
	
}

.restaurant-info .view-menu a{
	float:right;
	height:30px;
	margin-right:10px;
	background-color:white;
	color: #E3385E;
	border-radius:5px;
}


.restaurant-info .view-menu a:hover{
	color:#B3183B;
}

.restaurant-info .view-menu .btn{
	border: solid 1px white;
}

.restaurant-info .has-icon{
	background-size:20px 20px;
	background-repeat:no-repeat;
	padding-left:21px;
	min-height:22px;
}

.restaurant-info .type{
	border: solid 1px #c4c4c4;
	padding:2px 2px;
	color:white;
	font-size:15px;
	margin-bottom:5px;
	text-wrap:none;
}

.type.nuong{
	background-color:rgba(235,72,47,0.8);
}
.type.trangmieng{
	background-color:rgba(18,190,182,0.8);
}
.type.chien{
	background-color:red;
}

.restaurant-info .address{
	margin-bottom:20px;
}

.address-icon{
	background:url(img/icon/location.png);
}

.time-icon{
	background:url(img/icon/time.png);
}

.type-icon{
	background:url(img/icon/location.png);
}

.timeDel-icon{
	background:url(img/icon/motorbike.png);
}


#right-menu{
	padding:0px;
	margin:0px;
}


 /* panel */
 
 .panel {
	border:1px solid rgba(238,138,161,0.7);
	border-radius:7px;
	padding:2px;
	overflow:hidden;
	-webkit-box-shadow: 1px 0px 5px rgba(202,139,153,0.95);
	-moz-box-shadow:    1px 0px 5px rgba(202,139,153,0.95);
	box-shadow:         1px 0px 5px rgba(202,139,153,0.95);
	overflow:hidden;
	margin-top:2px;
	margin-bottom:10px;
}

.panel:hover{
	border:2px solid rgba(238,138,161,1);
	padding:1px;
	
}

.panel .title{
	
	min-height:20px;
	font-size:25;
	background-color:rgba(179,24,59,1);
	padding-left:15px;
	padding-top:10px;
	padding-bottom:5px;
	margin:-2px;
	
	
}

.panel .title span{
	color: white;
}

.panel .content{
	padding:5px;
	
}
.panel .content img{
	width:100%;
}

.panel a{
	font-weight:normal;
}
.panel a:hover{
	color:#3CA0A0;
}

.panel ul{
	width:100%;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.panel ul li{
	/*padding-left:15px;
	background:url(img/icon/arrow.png);
	background-size:10px 10px;
	background-position:left center;
	background-repeat:no-repeat;*/
	border-bottom-style:solid;
	border-bottom-color:rgba(179,24,59,0.1);
	border-bottom-width:1px;
}

.img-detail-res{
	width: 200px;
	height: 200px;
	float: left;
}
.imgLocal-detail-res{
	width: 200px;
	height: 200px;
	float: right;
}

.small-map{
	width:95%;
	margin-right:5px;
	min-height:250px;
	border: 1px solid red;
}


.small-left{
	margin-left:10px;
}

.mytab{
	margin:20px;
	background-color:transparent;
}

.mytab .ui-tabs-nav{
	list-style-type:none;
	background-color:#B3183B;
	overflow:hidden;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	
}

.mytab .ui-tabs-nav li{	
	display:inline-block;
	list-style:none;
	
	margin-left:10px;
	margin-top:20px;
	margin-bottom:-7px;
	padding:10px;	
	border-radius:7px;
	background-color:#F2F2F2;	
	border:1px solid rgba(238,138,161,0.7);
}

.mytab .ui-tabs-nav li:hover{
	background-color:#fbe8ec;	
}

.mytab .ui-tabs-nav li.ui-state-active{
	background-color:#E3385E;
}
.mytab .ui-tabs-nav li.ui-state-active a{
	color:white;
}

.mytab .ui-tabs-panel{
	padding:20px;
	background-color:white;
}

.btnHide{
	cursor:pointer;
	margin-right:10px;
	background-color:white;
	color: #E3385E;
	border-radius:5px;
	padding-top: 3px;
}